@import './color.scss';

.left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 400px;
    z-index: 100;
    background: $bg2;
    border-right: 1px solid $border;
}
.right {
    position: absolute;
    left: 400px;
    top: 0;
    right: 0;
    bottom: 0;
}

.center {
    width: 810px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.editor{
    width: 500px;
    height: 100%;
    background: $bg2;
    box-shadow: $boxshadow1;
}

.infos{
    position: absolute;
    width: 287px;
    height: 520px;
    background: $bg2;
    right: 0;
    top: 20px;
    box-shadow: $boxshadow1;
}

.tabs{
    box-shadow: $boxshadow2;
    li{
        display: inline-block;
        width: 25%;
        line-height: 54px;
        font-size: 16px;
        text-align: center;
        a{
            color: #000;
            line-height: 54px;
            display: block;
            border-bottom: 6px solid $bg2;
            transition: 0.3s;
        }
        .active{
            color: $main;
            border-bottom: 6px solid $main;
        }
    }
}